<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>

<style type="text/css">
	dl{
		padding:0px !important;
	}
	.poster{
		width:100%;
	}
	.split{
		margin-top:1rem;
	}
	.img_box{
		background-color:#eeeeee;
	}
	
	input[type="checkbox"]{
		margin:0;
	}
	
	.selectbox{
		position: absolute;
		z-index:5;
	}
	
	
.iosCheck input {
	display: none;
}

.iosCheck i {
	display: inline-block;
	cursor: pointer;
	padding:10px;
	transition: all ease 0.2s;
	-webkit-transition: all ease 0.2s;
	box-shadow:1px 1px 0px #58aaec inset,
			   1px 1px 0px #58aaec,
			   1px 1px 0px #58aaec,
			   1px 1px 0px #58aaec;
	}


.iosCheck :checked+i {
	padding:10px;
	background: #58aaec;
	-webkit-box-shadow: 1px 1px 1px #58aaec, inset 0 0 40px
		#58aaec;
}

</style>
		
			<div class="row split">
				<c:forEach var="custPoster" items="${custPosters}" varStatus="status">	
						<div class="col-md-2 col-sm-2 col-lg-2 split">
							<dl class="col-xs-10 img_box">	
								<dt style="text-align:center;">							
									<label class="iosCheck selectbox" id="${custPoster.id}"><input type="checkbox"><i></i></label>							
									<img class="poster" src="${tfn:getFileUrl(custPoster.posterImg)}"/>
								</dt>
								<dd style="text-align:center;font-size:1.5rem;line-height:3rem;">${custPoster.descript}</dd>
							</dl>			
						</div>	
				</c:forEach>
			</div>
	
			<div class="row split"></div>
			<%@ include file="/WEB-INF/views/shared/master/pager.jsp"%>
			
		  